<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  
  <title></title>
  
</head>
<body>

  <%@ include file="/WEB-INF/include/header.jsp" %>
  
  <%@ include file="/WEB-INF/include/subheader.jsp" %>
  
  <div class="container">
  
    <div class="row">
    
      <!-- side bar -->
      <div class="col-xs-2">
        <ul class="list-unstyled">
          <c:if test="${not empty userSession.account}">
            <strong><i>Welcome ${userSession.account.firstName}</i></strong>
          </c:if>
          <li><a href="${ctx}/shop/viewategory.do?categoryId=FISH"><img src="${ctx.resource}/images/fish_icon.gif"></a></li>
          <li><a href="${ctx}/shop/viewategory.do?categoryId=DOGS"><img src="${ctx.resource}/images/dogs_icon.gif"></a></li>
          <li><a href="${ctx}/shop/viewategory.do?categoryId=CATS"><img src="${ctx.resource}/images/cats_icon.gif"></a></li>
          <li><a href="${ctx}/shop/viewategory.do?categoryId=REPTILES"><img src="${ctx.resource}/images/reptiles_icon.gif"></a></li>
          <li><a href="${ctx}/shop/viewategory.do?categoryId=BIRDS"><img src="${ctx.resource}/images/birds_icon.gif"></a></li>
        </ul>
      </div>
      
      <div class="col-xs-10">
        <div class="rotate-menu">
          <a href="${ctx}/shop/viewCategory.do?categoryId=BIRDS" class="menu main"></a>
          <a href="${ctx}/shop/viewategory.do?categoryId=FISH" class="menu"></a>
          <a href="${ctx}/shop/viewategory.do?categoryId=DOGS" class="menu"></a>
          <a href="${ctx}/shop/viewategory.do?categoryId=REPTILES" class="menu"></a>
          <a href="${ctx}/shop/viewategory.do?categoryId=CATS" class="menu"></a>
          <a href="${ctx}/shop/viewCategory.do?categoryId=BIRDS" class="menu"></a>
        </div>
      </div>
    
    </div>  
  
  </div>
  
  <%@ include file="/WEB-INF/include/script.jsp"%>

</body>
</html>
